const htmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports={
    entry:"./main.js", //配置入口文件
    output:{           //配置输出文件
        path:__dirname, //输出文件的路径 此处设为当前路径
        filename:'bundle.js', //指定输出的文件名称
    },
    resolve:{                       //其他配置选项
        alias:{
            'vue':'vue/dist/vue.js'   //vue.js文件路径配置
        }
    },
    module:{
        rules:[
            {
                test:/\.vue$/,
                use:'vue-loader'
            },
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            },
            {
                test:/\.less$/,
                use:['style-loader','css-loader','less-loader']
            },
            {
                test:/\.scss$/,
                use:['style-loader','css-loader','sass-loader']
            }
        ]                           //模板规则
    },
    plugins:[                                //插件
        new htmlWebpackPlugin({
            template:'index.html'              //为Index.html自动引入打包好的bundle.js
        }),
        new VueLoaderPlugin()
    ]
}